<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>到款记录</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="/css/animate.min.css">
    <link rel="stylesheet" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css">
    <link rel="stylesheet" href="/css/bootstrap-select.css">
    <link rel="stylesheet" href="/css/skin.css">
    <link rel="stylesheet" href="/css/skin.css">
    <link rel="stylesheet" href="/css/finance/payment-record.css">
    <style>
        .btn-purple:hover ,.btn-purple:focus {
            background-color: #a282e3;
            border-color: #a282e3;
            color: #ffffff;
            box-shadow: rgb(162 130 227 / 30%) 0 3px 7px;
        }
    </style>
</head>

<body>
<div class="container-fluid">
    <div class="card m-0">
        <div class="card-header">
            <h1>到款记录</h1>
        </div>
        <div class="card-body">
            <div class="row content-action">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <button type="button" class="btn btn-info btn-label m-0" onclick="exportAction(this);" id="btnExport"><label><i class="mdi mdi-download"></i></label>导出数据</button>
                    <button type="button" class="btn btn-primary btn-label" onclick="bulkEdit(this);" id="bulkEdit"><label><i class="mdi mdi-playlist-check"></i></label>批量修改提成发放状态</button>
                    <button type="button" class="btn btn-purple btn-label" data-toggle="modal" data-target="#operateModal" id="operation" onclick="operateTableInit()"><label><i class="mdi mdi-label-outline"></i></label>操作记录</button>
                    <div id="moneyTotal" class="pull-left">
                        <label>业绩金额总计:</label>
                        <span id="achievementMoney"></span>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="pull-right">
                        <div class="min-search pull-left" style="margin-left: 12px;">
                            <input class="form-control" type="text" placeholder="请输入订单号码或客户名称" id="searchMin" name="searchMin">
                            <button class="btn btn-primary" type="button" onclick="searchTable(1)"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                        <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                            <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                        </button>
                    </div>
                </div>
            </div>
            <div class="collapse filter-content" id="filterContentNew">
                <div class="row">
                    <div class="form-group col-xs-3">
                        <label for="orderNumber">所属订单</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入订单编号" id="orderNumber" name="orderNumber">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="customerName">所属客户</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入客户名称" id="customerName" name="customerName">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="productName">购买产品</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入产品名称" id="productName" name="productName">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="arriveTimeStart">到款日期</label>
                        <div>
                            <div class="input-group">
                                <input class="form-control search-time" type="text" placeholder="起" id="arriveTimeStart" name="arriveTimeStart">
                                <span class="input-group-addon">-</span>
                                <input class="form-control search-time" type="text" placeholder="止" id="arriveTimeEnd" name="arriveTimeEnd">
                            </div>
                            <!--<input class="form-control" type="text" placeholder="请选择到款日期" id="arriveTime" name="arriveTime">-->
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="productFinalPrice">到款金额</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入到款金额" id="productFinalPrice" name="productFinalPrice">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="gradeMoney">业绩金额</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入业绩金额" id="gradeMoney" name="gradeMoney">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="performanceConversionRatio">业绩换算比例</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入业绩换算比例" id="performanceConversionRatio" name="performanceConversionRatio">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="contractNumber">所属合同</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入合同编号" id="contractNumber" name="contractNumber">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="contractType">合同类型</label>
                        <div>
                            <!--1:非会员合同; 2:会员新单合同; 3:活动合同; 4:会员续费合同 5.兑换合同 6.单品合同; 7.会员单次-->
                            <select class="form-control" id="contractType" title="请选择" multiple data-actions-box="true">
                                <option value="1">非会员合同</option>
                                <option value="2">会员新单合同</option>
                                <option value="3">活动合同</option>
                                <option value="4">会员续费合同</option>
                                <option value="5">兑换合同</option>
                                <option value="6">单品合同</option>
                                <option value="7">会员单次</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="contractTimeStart">合同开始日期</label>
                        <div>
                            <div class="input-group">
                                <input class="form-control search-time" type="text" placeholder="起" id="contractStartDateStart" name="contractStartDateStart">
                                <span class="input-group-addon">-</span>
                                <input class="form-control search-time" type="text" placeholder="止" id="contractStartDateEnd" name="contractStartDateEnd">
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="companyName">所属分公司</label>
                        <div>
                            <!--<input class="form-control" type="text" placeholder="请输入分公司名称" id="companyName" name="companyName">-->
                            <select name="companyName" id="companyName" title="请选择分公司" data-live-search="true" class="form-control"></select>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="userName">所属业务员</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入业务员姓名" id="userName" name="userName">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="royaltyStatus">提成发放状态</label>
                        <div>
                            <!--0:未发放 1:已发放-->
                            <select class="form-control" id="royaltyStatus" type="text">
                                <option value="">请选择</option>
                                <option value="0">未发放</option>
                                <option value="1">已发放</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="royaltyMoney">提成金额</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入提成金额" id="royaltyMoney" name="royaltyMoney">
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="royaltyRecordTimeStart">提成录入时间</label>
                        <div>
                            <div class="input-group">
                                <input class="form-control search-time" type="text" placeholder="起" id="royaltyRecordTimeStart" name="royaltyRecordTimeStart">
                                <span class="input-group-addon">-</span>
                                <input class="form-control search-time" type="text" placeholder="止" id="royaltyRecordTimeEnd" name="royaltyRecordTimeEnd">
                            </div>
                            <!--<input class="form-control" type="text" placeholder="请选择录入时间" id="royaltyRecordTime" name="royaltyRecordTime">-->
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="productStatus">是否退款</label>
                        <div>
                            <!--0:否  1:是-->
                            <select class="form-control" id="productStatus" type="text">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="arriveMethod">到款方式</label>
                        <div>
                            <!--到款方式（0银行回款 1现金 2余额支付 3线上支付 4转入额支付 5微信支付）-->
                            <select class="form-control" id="arriveMethod" type="text">
                                <option value="">请选择</option>
                                <option value="0">银行回款</option>
                                <option value="1">现金</option>
                                <option value="2">余额支付</option>
                                <option value="3">线上支付</option>
                                <option value="4">转入额支付</option>
                                <option value="5">微信支付</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-3">
                        <label for="productCategories">产品类型</label>
                        <div>
                            <select class="form-control" id="productCategories" type="text">
                                <option value="">请选择</option>
                                <option value="1">会员产品</option>
                                <option value="0">非会员产品</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-xs-6">
                        <label class="hidden-sm hidden-xs">&nbsp;</label>
                        <div class="text-right">
                            <button class="btn btn-link" id="searchReset">重置</button>
                            <button class="btn btn-primary" type="button" onclick="searchTable(2)"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                    </div>
                </div>
            </div>
            <table id="paymentRecordTable"></table>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="operateModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">操作记录</h4>
            </div>
            <div class="modal-body">
                <table id="operateTable"></table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="operateRecord">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">标记详细</h4>
            </div>
            <div class="modal-body">
               <div class="row">
                   <div class="form-group col-xs-12">
                       <table id="operateRecordTable"></table>
                   </div>
               </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/finance/paymentRecord.js"></script>
</html>
